<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Beautiful Nanchang</title>

    <!-- Import link to eliminate default styles -->
    <link rel="stylesheet" href="../公共css样式/重置基本样式类.css">

    <link rel="stylesheet" href="./登录.css">
</head>

<body>
    <!-- Central Container -->
    <div class="container">
        <!-- Left Title Section -->
        <div class="left_title">
            <h1>
                <span>Hello!</span><br>
                <span class="two">Welcome to <span class="three">Beautiful Nanchang</span>~</span>
            </h1>
        </div>
        <!-- Right Login Container -->
        <div class="right_denglu">
            <form>
                <label for="username">Username:</label>
                <input type="text" id="username" name="username" required>

                <label for="password">Password:</label>
                <input type="password" id="password" name="password" required>
                <span id="error-message"></span>
                <button class="submit_button" type="submit">Login</button>

            </form>
        </div>
    </div>
</body>

<script src="./登录.js"></script>

</html>